<template>
	<view class="container">
	    <view class="header-section">
	      
		  <view class="company-section">
		    <text class="job-title">{{job.postName}}</text>
		    <text class="company-name">{{job.customerName}}</text>
		    <text class="on-site-person">驻场人员：{{job.talentName}}</text>
		    <!-- <text class="rgb-value">{{job.customerName}}</text> -->
		  </view>
		  <view class="button-section">
		    <button class="interview-btn" @click="startInterview">跟进</button>
		  </view>
	      <view class="candidate-info">
	        <text class="candidate-name">{{job.talentName}}</text>
	        <text class="candidate-age">{{job.age}}岁</text>
	        <text class="candidate-gender">男</text>
	        <text class="candidate-phone">{{job.phone}}</text>
	        <text class="recommender">推荐人：{{job.recommendUserName}}</text>
	      </view>
		  
		  
	    </view>
		
	    
	  </view>
</template>

<script>
	export default {
		props:{
			job:Object
		},
		data() {
			return {
				job1: {
				        title: '项目助理',
				        candidateName: '张三',
				        candidateAge: 30,
				        candidatePhone: '18988898888',
				        recommender: '王五',
				        companyName: '苏州XX院有限公司',
				        onSitePerson: '李四',
				        rgbValue: '0 124 25',
				        interviewBtnText: '面试'
				      }
			}
		},
		methods: {
			startInterview() {
			      uni.navigateTo({
			      	url:'/pages/interviewResult/interviewResult'
			      })
			    }
		}
	}
</script>

<style lang="scss">
.container {
  padding: 20rpx;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.header-section {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20rpx;
}
.job-title {
  font-size: 36rpx;
}
.candidate-info {
  text {
    font-size: 32rpx;
    display: block;
    margin-bottom: 5rpx;
  }
}
.company-section {
  margin-bottom: 20rpx;
  text {
    font-size: 32rpx;
    display: block;
    margin-bottom: 5rpx;
  }
}
.button-section {
  display: flex;
  justify-content: center;
}
.interview-btn {
  background-color: #007cff;
  color: white;
  padding: 20rpx 60rpx;
  border-radius: 20rpx;
  // font-size: 32rpx;
  box-shadow: 0 5rpx 10rpx rgba(0, 124, 255, 0.3);
}
</style>
